
.shopplist {
    width: 100%;
    height: calc(100vh - 4.106667rem);
    position: fixed;
    top: 2.533333rem;
    overflow-y: scroll;
    .shoppItme {
        margin-top: 0.266667rem;
        height: 3.733333rem;
        padding-left: 1.146667rem;
        width: 100%;
        background-color: #fff;
        position: relative;
      .cheack {
          position: absolute;
          left:0.16rem;
          top: 50%;
          transform: translateY(-0.48rem);
          width: 0.586667rem;
          overflow: hidden;
          height: 0.586667rem;
        //   border: 1px solid #ccc;
          border-radius: 50%;
        icon {
            background-color: red;
        }
      }
  
      .shoppbox {
          display: flex;
            padding-top: 0.4rem;
        .shoppimg {
            width: 2.666667rem;
            height: 2.666667rem;
          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
  
        .right-title {
            margin-left: 0.266667rem;
          
  
          .crat-ks {
            margin-bottom: 0.053333rem;
            margin-top: 0.106667rem;
          }
  
          .leixing {
            height: 0.533333rem;
            background-color: #fafafa;
            border: 0.01rem solid #cccccc;
            opacity: .5;
            display: flex;
            align-items: center;
            width: 4rem;
            padding-left: 0.106667rem;
            div{
              overflow: hidden;
              text-overflow:ellipsis;
              white-space: nowrap;
            }
          }
  
          .Price {
              margin-top: 0.133333rem;
              display: flex;
              position: relative;
            span.xjiage {
                font-size: 16px;
                display: flex;
                align-items: center;
                margin-right: 0.106667rem;
            }
  
            span.yuanjia {
                font-size: 12px;
                display: flex;
                color: #ccc;
                opacity: .8;
                text-decoration:line-through;
                align-items: center;
            }
  
            .calculationbox {
                display: flex;
                position: absolute;
                right: 0.133333rem;
                height: 0.693333rem;
                width:  2.133333rem;
                .gonton{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 0.32rem;
                    border: 1px solid #ccc;
                    flex: 1;
                }
            //   .add {
               

            //   }
  
              .dataNum {
                border-left: none;
                border-right: none;
              }
  
            //   .sub {
            //     flex: 1;
            //   }
            }
          }
        }
      }
    }
  }
  .checkbox{
    color: #7f7f7f;
    background-image: url(//yanxuan-static.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/checkbox-s5698dc1449-767bf63b53.png?imageView&type=webp);
    background-size: .50667rem 7.01333rem;
    width: .50667rem;
    height: .50667rem;
    background-position: 0 -6.50667rem;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: block;
}





.crat-name {
  height: 0.853333rem;
  margin-bottom: 0.106667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  div{
   
  font-size: 14px;
  color: #666;
  width: 5.333333rem;
  overflow: hidden; /* 内容超出隐藏 */
  text-overflow: ellipsis; /* 超出的内容显示省略号 */
  word-break: break-all; /*在合适的点换行：*/
  white-space: normal;
  display: block;
  -webkit-line-clamp: 2; /*可以显示两行*/
  -webkit-box-orient: vertical;
  font-weight: normal;
  }
  
}